<?php 

session_start();

?>

<!DOCTYPE html>
<html>
  <head> 
    <title>Homepage</title> 
  
    <?php
      include_once('head.php');  
    ?> 

  </head> 
  
  <body> 

    <div data-role="page">
  
      <div data-role="header" class="ui-header ui-bar-a" role="banner">
      <!--  <a href="" data-rel="back" data-icon="arrow-l">Back</a>  -->                  
        <h1 class="ui-title" tabindex="0" role="heading" aria-level="1">Giftshake</h1>
        <a href="#popupMenu" class="ui-btn-right" data-rel="popup" data-role="button" data-icon="bars" data-iconpos="notext" data-transition="fade" data-theme="a" data-inline="true">Menu</a>
      <!-- <a href="#popupMenu" data-rel="popup" data-role="button" data-inline="true" data-transition="fade">Menu</a> -->

        <div data-role="popup" id="popupMenu" data-overlay-theme="b">
          <ul data-role="listview" data-icon="false" data-inset="true" style="width:120px;" data-theme="c">
              <li><a data-rel="popup"  href="#popupMenuLevel1">Profile</a></li>
              <li><a data-rel="popup" href="#popupMenuLevel1">Logout</a></li>
          </ul>
        </div>
      </div>  <!-- header -->
    

      <!-- content -->
      <div data-role="content" class="ui-content" role="main">  
      
        <!-- 
        <a href="#" data-role="button" class="show-page-loading-msg" data-theme="c" data-textonly="false" data-textvisible="false" data-msgtext="" data-icon="" data-iconpos="">Inviti</a>
        <a href="#" data-role="button"  class="show-page-loading-msg" data-theme="c" data-textonly="false" data-textvisible="false" data-msgtext="" data-icon="" data-iconpos="">In corso ..</a>
        <a href="#" data-role="button"  class="show-page-loading-msg" data-theme="c" data-textonly="false" data-textvisible="false" data-msgtext="" data-icon="" data-iconpos="">Da inviare</a>
        <a href="#" data-role="button"  class="show-page-loading-msg" data-theme="c" data-textonly="false" data-textvisible="false" data-msgtext="" data-icon="" data-iconpos="">Inviati</a>
         -->       
        <ul data-role="listview" data-inset="true" data-count-theme="b">
          <li><a href="#">Inviti<span class="ui-li-count" style="margin-right: 20px">1</span></a></li>
          <li><a href="#">In corso<span class="ui-li-count" style="margin-right: 20px">4</span></a></li>
          <li><a href="#">Da inviare<span class="ui-li-count" style="margin-right: 20px">1</span></a></li>
          <li><a href="#">Inviati</a></li>
        </ul> 
    
        <br/>
        
        <a href="page.group_gift.php" data-ajax="false" data-role="button" data-corners="false" data-inline="true" data-theme=e >Group Gift</a>
        <a href="#" data-role="button" data-corners="false" data-inline="true" data-theme=b >Personal Gift</a>
      </div>



      <style>
          .nav-glyphish-example .ui-btn .ui-btn-inner { height:25px; padding-top: 10px !important; }
          .nav-glyphish-example .ui-btn .ui-icon { width: 30px!important; /*height: 25px!important;*/ margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
          #home .ui-icon { background:  url(/images/glyphish-icons-png/53-house.png) 50% 50% no-repeat; background-size: 18px 18px; }
          #search .ui-icon { background:  url(/images/glyphish-icons-png/06-magnify.png) 50% 50% no-repeat; background-size: 18px 16px;  }
          #gift .ui-icon { background:  url(/images/glyphish-icons-png/24-gift.png) 50% 50% no-repeat;  background-size: 14px 20px; }
          #wishlist .ui-icon { background:  url(/images/glyphish-icons-png/28-star.png) 50% 50% no-repeat;  background-size: 22px 22px; }
      </style>
      
      <div data-role="footer" data-position="fixed" class="nav-glyphish-example" data-theme=c>
        <div data-role="navbar" class="nav-glyphish-example" >
          <ul>
            <li><a href="/index.php" id="home" data-icon="custom"><h4>Home</h4></a></li>
            <li><a href="#" id="search" data-icon="custom"><h4>Search</h4></a></li>
            <li><a href="#" id="gift" data-icon="custom"><h4>Giftshake</h4></a></li>
            <li><a href="#" id="wishlist" data-icon="custom"><h4>Wishlist</h4></a></li>
          </ul>
        </div>
      </div> <!-- footer -->

    </div> <!-- page -->
 
 

<!-- <script>
    $(document).on( "click", ".show-page-loading-msg", function() {
      var $this = $( this ),
        theme = $this.jqmData( "theme" ) || $.mobile.loader.prototype.options.theme,
        msgText = $this.jqmData( "msgtext" ) || $.mobile.loader.prototype.options.text,
        textVisible = $this.jqmData( "textvisible" ) || $.mobile.loader.prototype.options.textVisible,
        textonly = !!$this.jqmData( "textonly" );
        html = $this.jqmData( "html" ) || "";
      $.mobile.loading( 'show', {
          text: msgText,
          textVisible: textVisible,
          theme: theme,
          textonly: textonly,
          html: html
      });
    })
    .on( "click", ".hide-page-loading-msg", function() {
      $.mobile.loading( "hide" );
    });
  </script> -->

  </body>
</html>